var webpack = require('webpack')
var path = require('path')

var ExtractTextWebpackPlugin = 

module.exports = {

    entry: {
        app:'./src/app.js',
        app1:'./src/app1.js'
    },

    output: {
        path:path.resolve(__dirname,'./dist'),  //_dirname 当前目录

        publicPath:'./dist/',
        filename: '[name].js'
    },
    plugins: [],
    module: {
        rules:[
            // {
            //     test:/\.css$/,
            //     use:[{
            //         loader:'style-loader'
            //     },{
            //         loader:'css-loader'
            //     }]
            // }

            // {
            //     test:/\.css$/,
            //     use:[{
            //         loader:'style-loader/url'   //生成单独的css文件在被引入
            //     },{
            //         loader:'file-loader'
            //     }]
            // }

            // {
            //     test:/\.css$/,
            //     use:[{
            //         loader:'style-loader/useable'
            //     },{
            //         loader:'css-loader'
            //     }]
            // }


            {
                test:/\.css$/,
                use:[{
                    loader:'style-loader',
                    options:{
                        // insertInto: '#app', //style 插入某元素
                       // singleton:true,  //是否合并style标签
                        //transform:'./src/css.transform.js' //在输出前可以对css进行形变 配合js使用
                    }
                },{
                    loader:'css-loader',
                    options:{
                    //  minimize: true//压缩css ，webpack4开不了，不晓得为什么
                    modules:true,
                    //src-css-base_box_2SaOU 类似于这样按要求 混淆css
                    localIdentName:'[path][name]_[local]_[hash:base64:5]'
                    }
                }]
            },


            // less sass
            {
                test:/\.less$/,
                use:[{
                    loader: 'style-loader'
                }, {
                    loader: 'css-loader'
                }, {
                    loader: 'less-loader'
                }]
            }
        ]
    }
}